<!DOCTYPE html>
<html lang="en">
<head>
  <title>new-theme</title>
  <meta charset="UTF-8">
  <meta name="description" content="ltoddy's blog">
  <meta name="author" content="liutao">
  <meta name="author" content="ltoddy">
  <meta name="author" content="just for fun">

  <link rel="icon" href="../../static/me.jpg">
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

  <!-- jQuert Microsoft CDN -->
  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
          integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
          crossorigin="anonymous"></script>
</head>
<body>

<div class="container">
  <h1>React框架构建的blog新主题</h1>
  <p>最近一时脑热,用react做了一个单页面应用,来替换过去那个bootstrap做的blog首页.
    不过依旧是以简约风格为主制作的.</p>
  <p>源代码: <a href="https://github.com/ltoddy/ltoddy.github.io/tree/gh-pages">https://github.com/ltoddy/ltoddy.github.io/tree/gh-pages</a>
  </p>
  <p><img alt="主界面" src="https://img.vim-cn.com/76/9125f1bc202220e1bd381e9a83c1c3a0e511e5.png"/></p>
  <p><strong> 布局(Layout) </strong></p>
  <pre><code>--------------------------------------
|                                    |
|              Header                |                       
|                                    |
|-------------------------------------
|                 |                  |
|              Content               |
|                 |                  |
|                 |                  |
|                 |                  |
|     essays      | Github projects  |  
|                 |                  |
|                 |                  |
|                 |                  |
|------------------------------------|
|                                    |
|              Footer                |
|                                    |
-------------------------------------|</code></pre>
  <p>很常规的一个布局,不过加了一些动画效果就变的<em>炫酷</em>了.</p>
  <p>源代码在Github上,在gh-pages分支上,不过还不能merge到master,</p>
  <p>但是我已經部署到我的云服务器上了 <a href="http://116.85.42.182:8080/">http://116.85.42.182:8080/</a>
    可以预览一下.</p>
  <p>页面数据都是从外部配置文件穿进去的,是动态可扩展的,而且也做了相应式.</p>
</div>
<a href="https://github.com/ltoddy/ltoddy.github.io" target="_blank"><img
    style="position: absolute; top: 0; right: 0; border: 0;"
    src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67"
    alt="Fork me on GitHub"
    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png">
</a>

</body>
</html>